/**
 * Create fixed header
 */
.fixed-header {
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  z-index: 2;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
.fixed-header .mb-title{
  display: none;
}
.product_tab .relative{
  position: relative;
  -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.product_tab .fixed-header.fixed{
  position: fixed;
  top: 102px;
}
.product_tab #my-header.active{
  top: 54px;
}
.list-inline {
  list-style: none;
  padding: 0;
  display: flex;
  margin: 0;
  height: 48px;
  line-height: 48px;
  justify-content: center;
}

.list-inline li {
  display: inline-block;
  position: relative;
  flex: 1;
  text-align: center;
  height: 48px;
  line-height: 48px;
}

#my-awesome-nav li a{
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  color: #757575;
  position: relative;
  height: 48px;
  line-height: 48px;
}


#my-awesome-nav li.active a::after {
  border-bottom: 4px solid #333;
  width: 100%;
}

#my-awesome-nav li a::after{
  position: absolute;
  content: '';
  bottom: 0;
  width: 0;
  left: 0;
  -webkit-transition: width .2s cubic-bezier(.25, .45, .46, .92);
  transition: width .2s cubic-bezier(.25, .45, .46, .92);
}

#my-awesome-nav li.active a {
  font-weight: 600;
  color: #000;
}

.menu-section>div{
  padding-top: 115px;
 margin-top: -115px;
}

@media screen and (max-width: 1280px){
  .product_tab .fixed-header.fixed {
    top: 102px;
   }
  }

@media screen and (max-width: 750px){
.cgo600 .content-for-layout .menu-section .spaced-section:first-child {
    margin-top: 20px !important;
}

.product_tab .fixed-header.fixed {
  top: 118px;
 }
 .list-inline li{
   padding: 0 5px;
 }
}

@media screen and (max-width: 460px){
  .product_tab .fixed-header.fixed {
    top: 118px;
   }
  }
